﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content" content="text/html;charset=utf-8" />
    <title>My mobile page</title>
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <link rel="Stylesheet" href="../Scripts/mobile/jquery.mobile-1.1.1.min.css" />
    <script type="text/javascript"  src="../Scripts/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="../Scripts/mobile/jquery.mobile-1.1.1.min.js"></script>
</head>
<body>
    <div data-role="page">
        <div data-role="header">
            <h1>My Title</h1>
        </div>
        <div data-role="content">
            <p>My Content</p>            
            <ul data-role="listview" data-inset="true" data-filter="true">
	            <li><a href="#">Acura</a></li>
	            <li><a href="#">Audi</a></li>
	            <li><a href="#">BMW</a></li>
	            <li><a href="#">Cadillac</a></li>
	            <li><a href="#">Ferrari</a></li>
            </ul>
            <label for="slider-0">Input slider:</label>
            <input type="range" name="slider" id="slider-0" value="25" min="0" max="100"  />
            <a href="#" data-role="button" data-icon="star" data-theme="b">Submit</a>
        </div>
    </div>
</body>
</html>
